import React, { memo } from 'react'

import LJPlayerInfo from './c-cpns/player-info';
import LJPlayerComment from './c-cpns/player-comment';
import LJPlayerSongs from './c-cpns/player-songs';
import LJPlayerRelevant from './c-cpns/player-relevant';
import {
    PlayerWrapper,
    PlayerLeft,
    PlayerRight
} from './style';

export default memo(function LJPlayer() {
    return (
        <PlayerWrapper>
            <div className="content wrap-v2">
                <PlayerLeft>
                    <LJPlayerInfo/>
                    <LJPlayerComment/>
                </PlayerLeft>
                <PlayerRight>
                    <LJPlayerSongs/>
                    <LJPlayerRelevant/>
                </PlayerRight>
            </div>
        </PlayerWrapper>
    )
})
